<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>MonkeyCMS</title>
<link type="text/css" rel="stylesheet" href="statics/css/monkey.css"/>
<link type="text/css" rel="stylesheet" href="statics/css/frame.css"/>
<script type="text/javascript" src="statics/js/jquery.min.js"></script>
<script type="text/javascript" src="statics/js/prettify.js"></script>
<script type="text/javascript" src="statics/js/monkey.js"></script>
<!--pagination-->
<script type="text/javascript" src="statics/js/jquery.myPagination.js"></script>
</head>

<body>
<!--page_header-->
<div class="page_header">
	<h3>通用分页组件</h3>
	<p>便捷，灵活，细致的分页组件，采用 <code><a href="http://linapex.blog.163.com/blog/static/1892375162013227103756164/" target="_blank">myPagination</a></code> 的JQuery组件。</p>
</div>
<!--/page_header-->

<!--page_main-->
<div class="page_main">

	<h4>默认样式</h4>

	<p>
		系统默认配置好了相关参数，只需在相应位置加入 <code>.page</code> ，即可显示分页。
	</p>

	<p>
		<div class="page"></div>
	</p>

	<pre class="prettyprint linenums">&lt;div class="page"&gt;&lt;/div&gt;</pre>

	<h4>配置属性</h4>

	<table class="u_table">
		<thead>
			<tr>
				<th>参数名</th>
				<th>类型</th>
				<th>说明</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>currPage</td>
				<td>int</td>
				<td>配置当前页，默认为1.</td>
			</tr>
			<tr>
				<td>pageCount</td>
				<td>int</td>
				<td>配置总页数，默认为10.</td>
			</tr>
			<tr>
				<td>pageNumber</td>
				<td>int</td>
				<td>配置页码数量.默认为5.</td>
			</tr>
			<tr>
				<td>cssStyle</td>
				<td>string</td>
				<td>配置样式属性.</td>
			</tr>
			<tr>
				<td><a href="#ajax">ajax</a></td>
				<td>object</td>
				<td>配置ajax参数.</td>
			</tr>
			<tr>
				<td><a href="#panel">panel</a></td>
				<td>object</td>
				<td>配置显示面板参数.</td>
			</tr>
		</tbody>
	</table>


	<h4 name="ajax">Ajax属性</h4>

	<table class="u_table">
		<thead>
			<tr>
				<th>ajax(object)</th>
				<th>类型</th>
				<th>说明</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>on</td>
				<td>boolean</td>
				<td>配置ajax是否开启,默认为false.</td>
			</tr>
			<tr>
				<td>url</td>
				<td>string</td>
				<td>配置请求路径.</td>
			</tr>
			<tr>
				<td>type</td>
				<td>string</td>
				<td>配置请求类型,提供二种选项."POST","GET".</td>
			</tr>
			<tr>
				<td>dataType</td>
				<td>string</td>
				<td>配置请求数据类型,提供三种选项."json","xml","html".</td>
			</tr>
			<tr>
				<td>pageCountId</td>
				<td>string</td>
				<td>配置后台返回总页数的参数名.</td>
			</tr>
			<tr>
				<td>param</td>
				<td>string</td>
				<td>配置ajax请求参数,值以key-value形式.</td>
			</tr>
			<tr>
				<td>ajaxStart</td>
				<td>function</td>
				<td>配置ajax请求前调用该方法.</td>
			</tr>
			<tr>
				<td>ajaxStop</td>
				<td>function</td>
				<td>配置ajax结束后调用该方法.</td>
			</tr>
			<tr>
				<td>param</td>
				<td>string</td>
				<td>配置ajax请求参数,值以key-value形式.</td>
			</tr>
			<tr>
				<td>onClick</td>
				<td>function(page)</td>
				<td>配置点击某一页时，触发该事件.</td>
			</tr>
			<tr>
				<td>callback</td>
				<td>function(data)</td>
				<td>配置回调函数,data为回调的数据.</td>
			</tr>
		</tbody>
	</table>

	<h4 name="panel">Panel</h4>

	<table class="u_table">
		<thead>
			<tr>
				<th>panel(object)</th>
				<th>类型</th>
				<th>说明</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>first</td>
				<td>string</td>
				<td>配置首页显示值.</td>
			</tr>
			<tr>
				<td>last</td>
				<td>string</td>
				<td>配置尾页显示值.</td>
			</tr>
			<tr>
				<td>next</td>
				<td>string</td>
				<td>配置下一页显示值.</td>
			</tr>
			<tr>
				<td>prev</td>
				<td>string</td>
				<td>配置上一页显示值.</td>
			</tr>
			<tr>
				<td>first_on</td>
				<td>boolean</td>
				<td>配置首页是否显示.默认true,显示.</td>
			</tr>
			<tr>
				<td>last_on</td>
				<td>boolean</td>
				<td>配置尾页是否显示.默认true,显示.</td>
			</tr>
			<tr>
				<td>next_on</td>
				<td>boolean</td>
				<td>配置下一页是否显示.默认true,显示.</td>
			</tr>
			<tr>
				<td>prev_on</td>
				<td>boolean</td>
				<td>配置上一页是否显示.默认true,显示.</td>
			</tr>
			<tr>
				<td>links</td>
				<td>string</td>
				<td>配置鼠标浮动插件上，浏览器提示.</td>
			</tr>
			<tr>
				<td>tipInfo_on</td>
				<td>boolean</td>
				<td>配置提示信息.默认false,不显示.</td>
			</tr>
			<tr>
				<td>tipInfo</td>
				<td>string</td>
				<td>配置提示信息，提供两种类型{input}{select}.</td>
			</tr>
			<tr>
				<td>tipInfo_css</td>
				<td>object</td>
				<td>配置面板中输入框样式.值以key-value形式.</td>
			</tr>
		</tbody>
	</table>


</div>
<!--/page_main-->

</body>
</html>